<!DOCTYPE html>
<html lang="en">

  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- <title>Document</title> -->
  <link rel="stylesheet" href="/layui/css/layui.css">
  <script src="/layui/layui.js"></script>
  <script src="/lib/jquery-3.4.1/jquery-3.4.1.min.js"></script>

    <style>
        .layui-table-cell {
            height: 60px;
            line-height: 60px;
        }
        /* height: auto !important;
          white-space: normal;
          padding: 0px;
      } */

        th .layui-table-cell {
            height: 30px;
            line-height: 30px;
        }

        th .laytable-cell-1-0-7 {
            height: 30px;
            line-height: 30px;
        }

        .layui-table img {
            width: 100px;
            height: 60px;
        }
    </style>

</head>
<body>

</body>
<script src="/layui/layui.js" charset="utf-8"></script>

<div class="layui-carousel" id="test1">
    <div carousel-item>
        <div><img src="http://www.sh-jinluo.com/uploadpic/2.jpg" width="100%" height="450"></div>
      <div><img src="http://www.sh-jinluo.com/uploadpic/3.jpg" width="100%" height="450"></div>
      <div><img src="http://www.sh-jinluo.com/uploadpic/1.jpg" width="100%" height="450"></div>>
    </div>
  </div>
  <!-- 条目中可以是任意内容，如：<img src=""> -->
   
  <script src="/static/build/layui.js"></script>
  <script> 
  layui.use('carousel', function(){
    var carousel = layui.carousel;
    //建造实例
    carousel.render({
      elem: '#test1'
      ,width: '100%' //设置容器宽度
      ,height:'450'
      ,arrow: 'always' //始终显示箭头
      //,anim: 'updown' //切换动画方式
    });
  });
  </script>
</html>